$table-border-color: #e0e0e0;

.table {
  width: 100%;
  margin-top: $spacer-3;
  border-collapse: collapse;
  border: 1px solid $table-border-color;

  th {
    font-weight: normal;
    text-align: left;
  }

  td,
  th {
    padding: 4px 10px;
    border-right: 1px solid $table-border-color;
    border-bottom: 1px solid $table-border-color;
  }

  tbody {
    th {
      width: 25%;
    }

    th,
    td {
      border-bottom-color: 1px solid $table-border-color;
    }

    tr:last-child {
      th,
      td {
        border-bottom: 1px solid $table-border-color;
      }
    }
  }
}

.table-striped {
  tr:nth-of-type(odd) {
    th, td {
      background-color: #f7f7f7;
    }
  }
}
